<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <title>{$group['name']}</title>
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=yes" name="format-detection" />
    <link rel="stylesheet" href="{$staticHost}css/common.css">

<body {if $nullBest}class="gray-bg"{else}class="white-bg"{/if}>
<!-- main area -->
<div class="run-main rl-main">
    <div class="rds-head">
        <h3>{$group['y']}年{$group['m']}月 <strong>{$group['d']}</strong>日</h3>
        <img src="{$staticHost}img/group/r_cridet.png"/>
    </div>
    {if !$nullBest}
    <div class="rds-records">
        <div class="rl-goal">
            <div class="rl-gcont">
                <p>跑步人数</p>
                <p class="rl-num-blue">{$group['totalUser']}</p>
            </div>
            <div class="rl-gcont">
                <p>累计里程</p>
                <p class="rl-num-blue">{$group['total_mileage']} <code>km</code></p>
            </div>
        </div>
    </div>
    <div class="rds-cont">
        <ul>
            {loop $dayBest $k $v}
            <li>
               <div class="rds-lf">
                   <span>$v['title']</span>
               </div>
                <div class="rds-iarea">
                    <img class="rds-img" src="$v['header']" alt=""/>
                </div>
                <div class="rds-info">
                    <p>$v['nickname']</p>
                    <p><i class="ic-run"></i>跑步$v['mileage']km</p>
                </div>
                <div class="rds-fav">
                    <i class="ic-fav"></i>{$v['loves']}
                </div>
            </li>
            {/loop}
            {loop $runList $k $v}
            <li>
               <div class="rds-lf">
                   <!-- <span></span> -->
               </div>
                <div class="rds-iarea">
                    <img class="rds-img" src="$v['header']" alt=""/>
                </div>
                <div class="rds-info">
                    <p>$v['nickname']</p>
                    <p><i class="ic-run"></i>跑步$v['mileage']km</p>
                </div>
                <div class="rds-fav">
                    <i class="ic-fav"></i>{$v['loves']}
                </div>
            </li>
            {/loop}
        </ul>
    </div>
    <div class="r-footer">
        <p>和我一起跑，下载 <a class="ic-blue" href="http://mobile.hupu.com/download/joggers?r=share">虎扑跑步APP</a></p>
    </div>
    {else}
    <img class="empty02_img" src="{$staticHost}img/group/empty_01.jpg"/>
    {/if}
</div>
<!--******* script *******-->
<script src="{$staticHost}js/zepto.min.js"></script>
<script src="{$staticHost}js/touch.js"></script>
</body>
</html>